<!--
 * @Author: 刘超
 * @Date: 2021年10月25日 18点52分 
 * @LastEditTime: 2021-10-25 23:49:07
 * @LastEditors: Please set LastEditors
 * @Description: 首页-购物车-客服弹窗。
 * @FilePath: \henghuisheng\components\kefu\kefu.vue
-->
<template>
  <view class="service" v-if="show">
    <view class="t-r close" @tap="close">
      <u-icon name="close-circle-fill" color="#B6B6B6" :size="36"></u-icon>
    </view>
    <view class="t-c" @tap="Service">
      <image
        class="service_image"
        src="@/static/suspension_serve.png"
        mode=""
      ></image>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    close() {
      this.$emit("close", false);
    },
    Service() {
      this.$emit("Service");
    }
  }
};
</script>

<style lang="scss" scoped>
.service {
  position: fixed;
  top: 68%;
  width: 112rpx;
  right: 2%;
  z-index: 1;

  .close {
    margin-bottom: -16rpx;
    float: right;
  }

  .service_image {
    width: 80rpx;
    height: 80rpx;
  }
}
</style>
